<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Percent</title>
	<%@include file="jsp/per/common/common_head.jsp"%>
</head>
<body>
<!-- Top -->
<div id="top">
	<div class="shell">
		<span>喵，欢迎来到percent！</span>
		<div id="top_right"><a href="${pageContext.request.contextPath}/user/user!toLogin.do">登录</a>&nbsp;&nbsp;注册</div>
	</div>
</div>
<!-- Top -->
<!-- Header -->
<div id="header">
	<div class="shell">
		
		<!-- Logo -->
		<h1 id="logo"><a href="#">Percent - simple solutions</a></h1>
		<!-- End Logo -->
		
		<!-- Navigation -->
		<div id="navigation">
			<ul>
			    <li><a href="#">首页</a></li>
			    <li><a href="#">服务</a></li>
			    <li><a href="#">联系我们</a></li>
			</ul>
		</div>
		<!-- End Navigation -->
		
	</div>
</div>
<!-- End Header -->

<!-- Slider -->
<div id="slider">
	<div class="shell">
		
		<div class="slider-holder">
			<div class="slides">
				<ul>
									    	
					<!-- Slide -->
				    <li>
				    	<div class="slide-bg">
					    	<div class="slide-image">
					    		<a href="#"><img src="images/slide-image.jpg" alt="" /></a>
					    	</div>
					    	<div class="slide-info">
					    		<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h2>
					    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan interdum nulla. Nunc venenatis tincidunt sem, nec tempus purus congue viverra. Nullam venenatis tempus libero, quis venenatis metus rhoncus et. Nulla rutrum luctus ante, quis varius justo aliquam sit amet.</p>
					    		<a href="#" class="notext learn-button">Learn More</a>
					    		
					    	</div>
				    	</div>
				    	<span class="slide-shadow">&nbsp;</span>
				    </li>
				    <!-- End Slide -->
				    
				    <!-- Slide -->
				    <li>
				    	<div class="slide-bg">
					    	<div class="slide-image">
					    		<a href="#"><img src="images/slide-image.jpg" alt="" /></a>
					    	</div>
					    	<div class="slide-info">
					    		<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h2>
					    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan interdum nulla. Nunc venenatis tincidunt sem, nec tempus purus congue viverra. Nullam venenatis tempus libero, quis venenatis metus rhoncus et. Nulla rutrum luctus ante, quis varius justo aliquam sit amet.</p>
					    		<a href="#" class="notext learn-button">Learn More</a>
					    		
					    	</div>
				    	</div>
				    	<span class="slide-shadow">&nbsp;</span>
				    </li>
				    <!-- End Slide -->
				    
				    <!-- Slide -->
				    <li>
				    	<div class="slide-bg">
					    	<div class="slide-image">
					    		<a href="#"><img src="images/slide-image.jpg" alt="" /></a>
					    	</div>
					    	<div class="slide-info">
					    		<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h2>
					    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan interdum nulla. Nunc venenatis tincidunt sem, nec tempus purus congue viverra. Nullam venenatis tempus libero, quis venenatis metus rhoncus et. Nulla rutrum luctus ante, quis varius justo aliquam sit amet.</p>
					    		<a href="#" class="notext learn-button">Learn More</a>
					    		
					    	</div>
				    	</div>
				    	<span class="slide-shadow">&nbsp;</span>
				    </li>
					<!-- End Slide -->
				    
			    </ul>
			</div>
			
			<!-- Slider Navigation -->
			<div class="slider-nav">
				<a href="#" class="prev">previous</a>
				<a href="#" class="next">next</a>
			</div>
			<!-- End Slider Navigation -->
		</div>
		
	</div>
</div>
<!-- End Slider -->

<!-- Main -->
<div id="main">
	<div class="shell">
		
		<!-- Cols -->
		<div class="three-cols">
			<div class="cl">&nbsp;</div>
			
			<!-- Col -->
			<div class="col">
				<h3 class="ico ico1">居民消费指数</h3>
				<div id="chartDiv"></div>
				<p class="more"><a href="#">Lorem Impsum</a></p>
			</div>
			<!-- End Col -->
			
			<!-- Col -->
			<div class="col">
				<h3 class="ico ico2">居民消费指数</h3>
				
				<div id="chartDiv1"></div>
				<p class="more"><a href="#">Lorem Impsum</a></p>
				
			</div>
			<!-- End Col -->
			
			<!-- Col -->
			<div class="col col-last">
				<h3 class="ico ico3">居民消费指数</h3>
				
				<div id="chartDiv2"></div>
				<p class="more"><a href="#">Lorem Impsum</a></p>
				
			</div>
			<!-- End Col -->
			
			<div class="cl">&nbsp;</div>
			
		</div>
		<!-- End Cols -->
		
	</div>
</div>
<!-- End Main -->

<!--  
	<iframe src="${pageContext.request.contextPath}/stat/statData!potal.do" style="width: 80%"></iframe>
-->
<script type="text/javascript">
	var xml ='<graph caption="居民消费指数(CPI)" xAxisName="Month" yAxisName="Units" decimalPrecision="0" formatNumberScale="0"><set name="Jan" value="462" /><set name="Feb" value="857" /><set name="Mar" value="671" /><set name="Apr" value="494" /><set name="May" value="761" /><set name="Jun" value="960" /><set name="Jul" value="629" /><set name="Aug" value="622" /><set name="Sep" value="376" /><set name="Oct" value="494" /><set name="Nov" value="761" /><set name="Dec" value="960" /></graph>';

	var chart = new FusionCharts("${pageContext.request.contextPath}/js/fusioncharts/charts/Column3D.swf", "0", "300", "200");
		chart.setDataXML(xml);
		chart.render('chartDiv');
		
	var chart1 = new FusionCharts("${pageContext.request.contextPath}/js/fusioncharts/charts/Line.swf", "0", "300", "200");
	chart1.setDataXML(xml);
	chart1.render('chartDiv1');	
	
	var chart2 = new FusionCharts("${pageContext.request.contextPath}/js/fusioncharts/charts/Pie3D.swf", "0", "300", "200");
	chart2.setDataXML(xml);
	chart2.render('chartDiv2');	
</script>

<!-- Footer -->
<div id="footer">
	<div class="shell">
		<p class="left">
			<a href="#">Home</a>
			<span>|</span>
			<a href="#">About</a>
			<span>|</span>
			<a href="#">Services</a>
			<span>|</span>
			<a href="#">Contact</a>
		</p>
		<p class="right">&copy; 2010 Company Name. 
			Design by <a href="http://chocotemplates.com" target="_blank" title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a></p>
	</div>
</div>
<!-- End Footer -->

</body>
</html>